<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" href="__CONTROL_TPL__/css/payment.css" />
	<title>后盾网学员项目-仿哇塞网</title>
</head>
<body>
<if value="!isset($hd.session.uid) or !isset($hd.session.username)">
	<script type="text/javascript">
		location.href="{|U:'Index/index'}"
	</script>
</if>
<!-- 公用头部开始 -->
<include file="__TPL__/Common/head"/>
<script type="text/javascript">
/**内容保存提示**/
var changeFlag = false; //内容改变标志
var is_submit = false;  //是否为提交表单动作
//标识文本框值是否改变，为true，标识已变
$(document).ready(function(){
    //文本框值改变即触发
    $("input[type='text']").change(function(){
        changeFlag=true;
    });
    //文本域改变即触发
    $("textarea").change(function(){
        changeFlag=true;
    }); 

    //提交表单
    $(":submit").click(function(){
            is_submit = true;
     });
});

//离开页面时保存文档
window.onbeforeunload = function() {
        if(changeFlag && !is_submit){
        //如果changeFlag的值为true则提示
        return '内容已改变!';
    }
}

</script>
<!-- 公用头部结束 -->
<div id="payment" class="fixed" style="width:980px; margin:50px auto;">
	<div class="flow_chart">
		<div class="pos_x1 bg_a2" title="选购商品"></div>
		<div class="pos_x2 bg_b2" title="完成订单信息并下单"></div>
		<div class="pos_x3 bg_c1" title="下单完成并支付"></div>
	</div>
	<form name="goto_pay" method="POST" action="{|U:'payment'}">
		<div id="pay_wrap">
			<div class="pay_status">
				<img src="__CONTROL_TPL__/images/pay_status.jpg">
			</div>
			<div class="order_sub_success">
			<ul>
				<li>提示：因为此项目只是用于个人学习提高,并不会上线，并没有相应的付款接口，所以此页面只是模拟支付流程</li>
				<li>提示：如有需要，请记住我：陈磊；TEL：18976686378；QQ：18976686378。</li>
			</ul>
			</div>
			<div class="order_info">
			<span class="order_info_one">
				<a href="javascript:void(0);" id="order_a">[查看订单]</a>
				<span style="margin:0 6px">|</span>
				<a href="{|U:'cancle_order',array('oid'=>$oid)}:" style="font-weight:400" onclick="if(!confirm('您确定要取消该订单吗？')) return false">取消订单</a>
			</span>
			<script type="text/javascript">
				$('#order_a').toggle(function() {
			    	$('#order_detail').show("normal");
			    }, function() {
			    	$('#order_detail').hide("normal");
			    });
			</script>
			<span class="order_info_two">
				收款方：哇噻网 总价：
				<strong>￥{$total}</strong>
			</span>
			<div class="clear"></div>
			</div>
			<div id="order_detail" class="order_box" style="display: none;">
				<ul>
					<li class="li1">店铺商品</li>
					<li class="li2">分类名称</li>
					<li class="li4">单价</li>
					<li class="li5">数量</li>
					<li class="li6">优惠</li>
				<li class="li7">小计</li>
				</ul>
				<foreach from="{$order}" value="$value">
					<div class="order_info_one2">
						<dl>
							<dt>
								<img width="56px" height="56px" src="__ROOT__/{$value.imgUrl}">
							</dt>
							<p>
								<a target="_blank" href="{|U:'Details/index',array('gid'=>$value['qm_goods_gid'])}">{$value.name}</a>
							</p>
						</dl>
						<span class="order_info_storename">
							<a target="_blank" href="{|U:'Category/sub_cate',array('cid'=>$value['cid'])}">［{$value.cate}］</a>
						</span>
						<span class="order_info_danjia">￥{$value.lprice}</span>
						<span class="order_info_num">{$value.lnumber}</span>
						<p class="order_info_youhui">
							<span>--</span>
						</p>
						<p class="order_info_xiaoji">
							<span style="font-size:14px;">￥{$value.lmoney}</span>
						</p>
					</div>
				</foreach>
			</div>
			<div class="clear"></div>
			<div class="choise_pay_box">
				<ul class="pay_nav">
					<li class="pay_over" onclick="select_payType(0);">网银支付</li>
					<li onclick="select_payType(1);">支付宝支付</li>
					<li onclick="select_payType(2);">财付通支付</li>
					<li class="pay_nav_empty"></li>
					<div class="clear"></div>
				</ul>
				<script type="text/javascript">
					function select_payType (n) {
						$('.pay_nav li').eq(n).addClass('pay_over').siblings('li').removeClass('pay_over');
				    	$('.pay_type_box').eq(n).show().siblings('.pay_type_box').hide();
				    }
				</script>
				<div class="pay_select_box">
					<div class="pay_type_box" style="display:block">			
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="中国工商银行-" alt="中国工商银行-" src="__CONTROL_TPL__/images/gongshang.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="pay_type_box" style="display:none">				
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="支付宝-" alt="支付宝-" src="__CONTROL_TPL__/images/logo.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="pay_type_box" style="display:none">				
						<dl>
							<dt>
								<input id="payment_alipay" type="radio" value="alipay" name="payment_code" wowtype="payment_type">
							</dt>
							<dd>
								<label for="payment_alipay">
									<img width="115" height="35" title="财付通-" alt="财付通-" src="__CONTROL_TPL__/images/caifu.gif">
								</label>
							</dd>
						</dl>
					</div>
					<div class="clear"></div>
					<div id="submit_form" class="confirm_pay_butbox">
						<input type="hidden" name='oid' value="{$oid}"/>
						<a href="javascript:void(0)" onclick="return dosubmit();">
							<img src="__CONTROL_TPL__/images/confirmation_pay.jpg">
						</a>
					</div>
					<script type="text/javascript">
						function dosubmit () {
                        	document.goto_pay.submit();
                    	}
					</script>
				</div>
			</div>
		</div>
	</form>
</div>
<!-- 公用页脚开始 -->
<include file="__TPL__/Common/footer"/>
<!-- 公用页脚结束 -->
</body>
</html>